<template>
  <div>
    <div class="haruyuki-flex-space-between haruyuki-align-items-center">
      <div class="haruyuki-title haruyuki-size-16">
        <i class="el-icon-tickets"></i
        ><span class="haruyuki-ml-6">订单信息</span>
      </div>
    </div>
    <div class="haruyuki-content">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-row :gutter="20">
            <el-col :span="24">
              <span class="wordBreak">订单号：{{ orderInfo.orderCode }}</span>
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >付款订单号：{{ orderInfo.rptOrderCode }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >订单创建日期：{{ orderInfo.createTime }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >订单付款日期：{{ orderInfo.orderPayDate }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >订单状态：<span class="picture-preview">{{
                  orderInfo.orderStateName
                }}</span></span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >订单金额：{{ orderInfo.orderAmt || 0 }}元</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >实付金额：{{ orderInfo.realPayAmt || 0 }}元</span
              >
            </el-col>

          </el-row>
        </el-col>
        <el-col :span="8">
          <el-row :gutter="20">
            <el-col :span="24">
              <span class="wordBreak"
                >服务商编号：{{ orderInfo.serviceNo }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >服务商名称：{{ orderInfo.serviceName }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >收货人姓名：{{ orderInfo.consignee }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >联系方式：{{ orderInfo.consigneePhone }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >客户经理编号：{{ orderInfo.accountManager }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >客户经理名称：{{ orderInfo.accountManagerName }}</span
              >
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="8">
          <el-row :gutter="20">
            <el-col :span="24">
              <span class="wordBreak"
                >物流服务：{{ orderInfo.expressTypeName }}</span
              >
            </el-col>
            <el-col :span="24" v-show="orderInfo.expressType">
              <span class="wordBreak"
                >收货地址：{{ orderInfo.consigneeAddress }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >物流公司名称：{{ orderInfo.expressName }}</span
              >
            </el-col>
            <el-col :span="24">
              <span class="wordBreak"
                >物流单号：{{ orderInfo.expressCode }}</span
              >
            </el-col>
          </el-row>
        </el-col>
      </el-row>
    </div>
    <div class="haruyuki-flex-space-between haruyuki-align-items-center">
      <div class="haruyuki-title haruyuki-size-16">
        <i class="el-icon-tickets"></i
        ><span class="haruyuki-ml-6">售后信息</span>
      </div>
    </div>
    <div class="haruyuki-content">
      <el-row :gutter="20">
        <el-col :span="8">
          <span class="wordBreak" >售后类型</span>：{{ orderInfo.expressCode }}</span>
        </el-col>
        <el-col :span="8">
          <span class="wordBreak" >申请退款金额</span>：{{ orderInfo.expressCode || 0 }}元</span>
        </el-col>
        <el-col :span="8">
          <span class="wordBreak" >申请售后日期：{{ orderInfo.expressCode }}</span>
        </el-col>
        <el-col :span="24">
          <span class="wordBreak" >备注：{{ orderInfo.remark }}</span>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { getDetailPlus} from "@/api/rb-oem/merrecord/mer_change_record";

export default {
  props: {
    orderInfo: {
      type: Object,
      default: () => ({}),
    },
  },
  components: {
  },
  data() {
    return {
      loading: false,
    };
  },
  computed: {
    
  },
  watch: {
   
  },
  created() {
  },
  methods: {
    
  }
};
</script>

<style lang="scss" scoped>
.basic-box {
  // padding: 20px 40px 20px 0;
  padding: 20px;
  .basic-box-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
  }
}

.centers{
  text-align: center;
}
.z-flex{
  display: flex;
  justify-content: space-between;
  
}
</style>